<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#div1{
				
			}
				
			#div2{
			}
		</style>
		
	</head>
	<body >
		<h2>工作经历</h2>
		<hr>
		<div id='div1'  >
			
			 
			 
			 <!-- <button type="button" onclick="addwork();">添加工作经历</button> -->
		</div>
		<a  onclick="addwork();"  >添加工作经历 </a>
	<!-- 	// <button type="button" onclick="addwork();">添加工作经历</button> -->
<!-- 
	<div id="div2">
		公司职称	<input type="text" name="company" id="" value="" />
			     职位	<input type="text" name="job" id="" value="" />
				 
		<br>
		<br>
				
					工作职责及工作内容描述：<textarea rows="5" cols="30" style="vertical-align: middle;" >
						
					</textarea>
		
			<hr >
	</div>
       -->
	</body>
	<script type="text/javascript">
	 function addwork(){
		var div1Obj = document.getElementById('div1');
		 div1Obj.innerHTML+= `
		 		<div id='div2'>
				<br>
		 			公司职称	<input type="text" name="company" id="" value="" />
		 				     职位	<input type="text" name="job" id="" value="" />
							 <a  onclick="deletea();"  >删除工作经历 </a>
		 			<br>
		 			<br>
		 						工作职责及工作内容描述：<textarea rows="5" cols="30" style="vertical-align: middle;" >
		 							
		 						</textarea>
		 		</div>
		 	`;
		 
		 // var div1Obj = document.getElementById('div1');
		 // var sonDiv = document.createElement('div');
		 // sonDiv.id = 'div2';
		 // sonDiv.innerHTML = '
		 
		 // <br>
		 //         公司职称   <input type="text" name="company" id="" value="" />
		 // 	     职位	<input type="text" name="job" id="" value="" />
		 // <br>
		 // <br>
		 // 			工作职责及工作内容描述：<textarea rows="5" cols="30" style="vertical-align: middle;" >
		 				
		 // 			</textarea>
		 
		 // ' ;
		           
		              
		 }
		
		function deletea(){
			var div1Obj = document.getElementById('div1');
			var div2Obj = document.getElementById('div2');
			div1Obj.removeChild(div2Obj)
		}
		
		
		
		
	</script>
</html>
